<template>
    <div class="Agency">
        <span>升级代理商</span>
        <span class="device">|</span>
        <span class="levelUp" v-if="exp!=0&&exp">继续获取{{exp}}经验值即可升级</span>
        <span class="levelUp" v-else>请联系管理员升级</span>
        <span><img src="./image/seenow.png" alt=""></span>
    </div>
</template>

<script>
    export default {
        name : "userAgency",
        props:{
            exp:''
        }
    }
</script>

<style scoped lang="stylus">
.Agency
    /*width 375px*/
    padding-left 10px
    width 325px
    position absolute
    bottom 13px
    font-size 10px
    display flex
    justify-content space-between
    align-items center
    color #FFE953
    img
        width 64px
        height 16px
    .levelUp
        font-size 9px
        font-weight 200
        flex 1
    .device
        font-size 9px
        font-weight 200
        padding 0 10px
</style>